<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css">
    <script src="/libs/jquery/jquery-1.11.3.min.js"></script>
    <title>详情页</title>
</head>
<body>
   
    <header></header>
    <div class="nav">
        <div class="nav-wrap">
       <!-- 面包屑导航 -->
        </div>
    </div>
    
     <div class="contain">
         <div class="contain-wrap">
          
         </div>
     </div>
     <script type="text/html" id="templateDetail">
        <div class="contain-wrap-left">
            <div class="contain-wrap-left-top"><img src="{{imgs[0]}}" class="zoom-image" data-zoom-image="{{imgs[0]}}"></div>
            <div class="contain-wrap-left-bottom">
                    <ul id="gal1">
                  {{each imgs src}}
                  <!-- <li><img src="{{src}}">
                   
                </li> -->
                <li class='change-btn'>
                        <a href="javascript:;" data-image="{{src}}" data-zoom-image="{{src}}">
                            <img src="{{src}}" alt="">
                        </a>
                    </li>
                  {{/each}}
                </ul>
            </div>
        </div>
        <div class="contain-wrap-right">
            <h1>{{title}}</h1>
            <h2>{{name}}</h2>
            <h3>￥ <span>{{price}}</span></h3>
            <h4>运费：</h4>
            <h4>款式：</h4>
            <h4>数量：</h4>
            <div class="pay">
               <a href=""><div class="pay-now">立即购买</div></a> 
                <a href="javascript:;"><div class="pay-cart">加入购物车</div></a>
            </div>
        </div>
        <div class="navdetail">更多详情</div>
        <ul class="moredetail">
               {{each detailPics pics}}
                  <li><img src="{{pics}}"></li>
               {{/each}}
        </ul>
    </script>  
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/detail" ></script>
</html>